import React, { Component } from 'react';
import './user.less'
import avatar from '../images/user/avatar.png'
import collect_3 from '../images/user/collect_3.png'
import Notice from '../images/user/note_1.png'
import examination from '../images/user/examination_me.png'
import data from '../images/user/data_me.png'
import note from '../images/user/Notice.png'
import my from '../images/user/My Profile.png'
import about from '../images/user/About us.png'


class User extends Component {
  render() {
    return (
      <div className='user'>
        <div className='title'>
          <h3 className='hl'>个人中心</h3>
          <img src={avatar} alt="" className='img1' />
          <div className='add'>你单排吧</div>
        </div>
        <div className='list-mian'>
          <div className='list' onClick={() => alert('该功能暂未开放')}>
            <img src={collect_3} alt="" className='tupian' />
            <h4>3</h4>
            <div className='list-l'>我的收藏</div>
          </div>
          <div className='list'>
            <img src={Notice} alt="" className='notice' />
            <h4>4</h4>
            <div className='list-l'>我的笔记</div>
          </div>
          <div className='list'>
            <img src={examination} alt="" className='examination' />
            <h4>10</h4>
            <div className='list-l'>我的考试</div>
          </div>
          <div className='list'>
            <img src={data} alt="" className='data' />
            <h4>6</h4>
            <div className='list-l'>学习资料</div>
          </div>
        </div>
        <div className='foot'>
          <div className='foot-1'>
            <img src={my} alt="" className='note1' />
            <h2>我的资料</h2>
            <i className='iconfont icon-arrow-right-bold' />
          </div>
          <div className='foot-1'>
            <img src={note} alt="" className='note1' />
            <h2>系统公告</h2>
            <i className='iconfont icon-arrow-right-bold' />
          </div>
          <div className='foot-1'>
            <img src={about} alt="" className='note1' />
            <h2>关于我们</h2>
            <i className='iconfont icon-arrow-right-bold' />
          </div>
        </div>
      </div>
    );
  }
}

export default User;